<!-- Importamos los metodos js del abm de asignaturas -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_asignaturas.js"></script>

<!-- Importamos la libreria jquery numeric -->
<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery.numeric.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#cicloLectivo").focus();
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#dificultad').numeric();
	});
</script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>

	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
		
		<li>
			<a href="<?php echo(site_url("asignatura/consultar/".$idCicloLectivoSel."/".$idTurnoSel."/".$idCursoSel."/".$idDivisionSel)); ?>">Asignaturas</a>
		</li>
		
		<li class="active">
			<a href="<?php echo(current_url()); ?>">Modificar</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Asignaturas
			<small>
				<i class="icon-double-angle-right"></i>
				Modificar
			</small>
		</h1>
	</div><!-- /.page-header -->
	
	<!-- start: Botonera chica -->
	<div class="row-fluid">
		<a onclick="modificarAsignatura()" href="#" class="btn btn-app btn-primary btn-sm no-radius">
			<i class="icon-save"></i>
			Guardar
		</a>
		
		<?php if($idAsignaturaAnt != 0) { ?>
		<a href="<?php echo site_url("asignatura/abrirPantallaModificar/".$idAsignaturaAnt."/".$idCicloLectivoSel."/".$idTurnoSel."/".$idCursoSel."/".$idDivisionSel) ?>" class="btn btn-success btn-app btn-sm no-radius">
			<i class="icon-chevron-left"></i>
			Anterior
		</a>
		<?php } else { ?>
		<a class="btn btn-default btn-app btn-sm no-radius">
			<i class="icon-chevron-left"></i>
			Anterior				
		</a>
		<?php }  ?>
		
		<?php if($idAsignaturaSig != 0) { ?>
		<a href="<?php echo site_url("asignatura/abrirPantallaModificar/".$idAsignaturaSig."/".$idCicloLectivoSel."/".$idTurnoSel."/".$idCursoSel."/".$idDivisionSel) ?>" class="btn btn-app btn-success btn-sm no-radius">
			<i class="icon-chevron-right"></i>
			Siguiente
		</a>
		<?php } else { ?>
		<a class="btn btn-default btn-app btn-sm no-radius">
			<i class="icon-chevron-right"></i>
			Siguiente
		</a>
		<?php }  ?>
	</div>
	<!-- end: Botonera chica -->
	
	<div class="hr hr-double hr-dotted hr18"></div>
	
	<div class="row">
		<div class="col-xs-12 col-sm-8">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ingrese los datos marcados con (*)</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<form class="form-horizontal" role="form" action="<?php echo(site_url('asignatura/modificar/'.$asignaturaSel->row()->idAsignatura)); ?>" id="formAsignatura" method="post" target="iframeUpload" enctype="multipart/form-data">
							<div id="campoCicloLectivo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="cicloLectivo">Ciclo Lectivo:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="cicloLectivo" name="cicloLectivo" class="col-xs-12 col-sm-10" required onchange="filtrarCursos('<?php echo(base_url()."curso/filtrar/0");?>')">
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los ciclos lectivos que nos paso el controlador y generamos el selector
											foreach ($ciclosLectivos->result() as $cicloLectivo){
												if($cicloLectivo->idCicloLectivo == $asignaturaSel->row()->idCicloLectivo){
													echo ('<option selected="selected" value="'.$cicloLectivo->idCicloLectivo.'">'.$cicloLectivo->nombre.'</option>');
												} else {
													echo ('<option value="'.$cicloLectivo->idCicloLectivo.'">'.$cicloLectivo->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoCurso" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="curso">Curso:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="curso" name="curso" class="col-xs-12 col-sm-10" required onchange="filtrarDivisiones('<?php echo(base_url()."division/filtrar/0");?>')">
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los cursos que nos paso el controlador y generamos el selector
											foreach ($cursos->result() as $curso){
												if($curso->idCurso == $asignaturaSel->row()->idCurso){
													echo ('<option selected="selected" value="'.$curso->idCurso.'">'.$curso->nombre.'</option>');
												} else {
													echo ('<option value="'.$curso->idCurso.'">'.$curso->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoDivision" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="division">Divisi&oacute;n: (*)</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="division" name="division" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todas las divisiones que nos paso el controlador y generamos el selector
											foreach ($divisiones->result() as $division){
												if($division->idDivision == $asignaturaSel->row()->idDivision){
													echo ('<option selected="selected" value="'.$division->idDivision.'">'. $division->curso. ' - ' .$division->nombre.'</option>');
												} else {
													echo ('<option value="'.$division->idDivision.'">'. $division->curso. ' - ' .$division->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoTurno" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="turno">Turno:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="turno" name="turno" class="col-xs-12 col-sm-10" required>
										<?php
											//Recorremos todos los turnos que nos paso el controlador y generamos el selector
											foreach ($turnos->result() as $turno){
												if($turno->idTurno == $asignaturaSel->row()->idTurno){
													echo ('<option selected="selected" value="'.$turno->idTurno.'">'.$turno->nombre.'</option>');
												} else {
													echo ('<option value="'.$turno->idTurno.'">'.$turno->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
																					
							<div id="campoNombre" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="nombre"> Nombre: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="nombre" name="nombre" value="<?php echo($asignaturaSel->row()->nombre); ?>" placeholder="Ej: Matem&aacute;tica" class="col-xs-12 col-sm-10" onkeyup="completarAbreviatura();"/>
								</div>
							</div>
							
							<div id="campoAbreviatura" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="abreviatura"> Abreviatura: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="abreviatura" name="abreviatura" value="<?php echo($asignaturaSel->row()->abreviatura); ?>" placeholder="Ej: Mat" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoDificultad" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="dificultad"> Dificultad: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="dificultad" name="dificultad" value="<?php echo($asignaturaSel->row()->dificultad); ?>" placeholder="Ej: 1" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoEspacioEscolar" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="espacioEscolar">Espacio Escolar:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="espacioEscolar" name="espacioEscolar" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los espacios escolares que nos paso el controlador y generamos el selector
											foreach ($espaciosEscolares->result() as $espacio){												
												if($espacio->idEspacioEscolar == $asignaturaSel->row()->idEspacioEscolar)
													echo ('<option selected="selected" value="'.$espacio->idEspacioEscolar.'">'.$espacio->nombre.'</option>');
												else
													echo ('<option value="'.$espacio->idEspacioEscolar.'">'.$espacio->nombre.'</option>');
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoPlanEstudio" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="planEstudio">Plan de Estudio:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="planEstudio" name="planEstudio" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los planes de estudios que nos paso el controlador y generamos el selector
											foreach ($planesEstudios->result() as $plan){												
												if($plan->idPlanEstudio == $asignaturaSel->row()->idPlanEstudio)
													echo ('<option selected="selected" value="'.$plan->idPlanEstudio.'">'.$plan->nombre.'</option>');
												else
													echo ('<option value="'.$plan->idPlanEstudio.'">'.$plan->nombre.'</option>');
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoColores" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="colorpicker1"> Colores: (*) </label>

								<div class="col-sm-9 bootstrap-colorpicker">
									<label style="margin-left:5px" for="colorpicker1"> Fondo: </label><input style="margin-left:5px" id="colorpicker1" name="colorpicker1" type="text" value="<?php echo($asignaturaSel->row()->colorDeFondo); ?>" class="input-small" />
									<label style="margin-left:5px" for="colorpicker2"> Texto: </label><input style="margin-left:5px" id="colorpicker2" name="colorpicker2" type="text" value="<?php echo($asignaturaSel->row()->colorDeTexto); ?>" class="input-small" />
									<span id="colorEjemplo" style="background:#FFF;color:#000;outline:1px solid #d5d5d5;padding:6px;margin-left:5px">Ejemplo</span>
								</div>
							</div>
							
							<div id="campoArchivo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="archivo"> Archivo: </label>

								<div class="col-sm-8">
									<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="archivo" name="archivo" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoCanalDeStreaming" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="canalDeStreaming"> Streaming: </label>

								<div class="col-sm-9">
									<textarea rows="5" class="col-xs-12 col-sm-10 autosize-transition paddingCinco" id="canalDeStreaming" name="canalDeStreaming" placeholder=""><?php echo($asignaturaSel->row()->canalDeStreaming); ?></textarea>
								</div>
							</div>
							
							<div id="campoDescripcion" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="descripcion"> Descripci&oacute;n: </label>

								<div class="col-sm-9">
									<textarea rows="10" class="col-xs-12 col-sm-10 autosize-transition paddingCinco" id="descripcion" name="descripcion" placeholder=""><?php echo($asignaturaSel->row()->descripcion); ?></textarea>
								</div>
							</div>
							
							<div id="campoEstado" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="estado">Estado: (*)</label>
								<div class="col-sm-9">
									<select style="padding:3px" id="estado" name="estado" class="col-xs-12 col-sm-10" required>
										<?php
											if($asignaturaSel->row()->estado == 1){
										?>
											<option value="1" selected="selected">Activo</option>
											<option value="0">Inactivo</option>
										<?php
											} else {
										?>
											<option value="1">Activo</option>
											<option value="0" selected="selected">Inactivo</option>
										<?php
											}
										?>
									</select>
								</div>
							</div>
							
							<div class="form-group">
								<div class="col-md-offset-3 col-md-9">
									<button class="btn btn-primary" type="button" onclick="modificarAsignatura()">
										<i class="icon-ok bigger-110"></i>
										Guardar
									</button>
								</div>
							</div>
							
							<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
						</form>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<div class="col-xs-12 col-sm-4">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ayuda R&aacute;pida</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<p class="alert alert-info">
							- Los campos marcados con (*) son obligatorios.
						</p>
						<p class="alert alert-info">
							- Los campos resaltados en rojo al apretar modificar son los campos incompletos que debe llenar.
						</p>
						<p class="alert alert-info">
							- El turno por defecto es el que ha sido seleccionado en el curso.
						</p>
						<p class="alert alert-info">
							- La dificultad se utiliza en el generador de horarios para el balanceo de carga dictada diariamente.
						</p>
						<p class="alert alert-info">
							- El streaming se utiliza para poder dictar las clases online.
						</p>
						<p class="alert alert-info">
							- El formato del archivo puede ser: gif | jpg | png | jpeg | doc | docx | xls | xlsx | pdf | ppt | xppt | pps.
						</p>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<div class="col-xs-12 col-sm-4" style="margin-top:10px">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Archivo - Vista Preliminar</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<?php
							if($asignaturaSel->row()->hashArchivo != ""){
						?>	
							<a id="archivoForm" target="_blanck" href="<?php echo(base_url().'archivo/hash/'.$asignaturaSel->row()->hashArchivo); ?>" alt="Archivo Descargable" title="Archivo Descargable"/>Descargar</a>
						<?php
							} else {
						?>
							<a id="archivoForm" target="_blanck" href="" alt="Archivo Descargable" title="Archivo Descargable"/></a>
						<?php } ?>
					</div>
				</div>
			</div>
		</div><!-- /span -->
	</div><!-- /.row -->
</div><!-- /.page-content -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
	jQuery(function($) {
		$('#colorpicker1').colorpicker();
		$('#colorpicker2').colorpicker();
		
		$('#colorpicker1').colorpicker().on('changeColor', function(ev){
		   $("#colorEjemplo").css("background",ev.color.toHex());
		   $("#colorpicker1").val(ev.color.toHex());
		});
		
		$('#colorpicker2').colorpicker().on('changeColor', function(ev){
		   $("#colorEjemplo").css("color",ev.color.toHex());
		   $("#colorpicker2").val(ev.color.toHex());
		});
		
		$("#colorEjemplo").css("background","<?php echo($asignaturaSel->row()->colorDeFondo); ?>");
		$("#colorEjemplo").css("color","<?php echo($asignaturaSel->row()->colorDeTexto); ?>");
	});
</script>